import React from 'react' ;
import {Col,Row,Input,Button} from 'antd'
import './regis.scss'
class regis extends React.Component{
    turn2Page(e){
        this.props.history.push(e) ;
    }
    render(){
        return(
            <div className='loginBox'>
                <Row className='loginBox_row'>
                    <Col className='loginBox_col' span={8}/>
                    <Col span={2}>用户名</Col>
                    <Col span={6}>
                        <Input/>
                    </Col>
                    <Col span={8}/>
                </Row>
                <Row className='loginBox_row'>
                    <Col span={8}/>
                    <Col span={2}>联系电话</Col>
                    <Col span={6}>
                        <Input/>
                    </Col>
                    <Col span={8}/>
                </Row>
                <Row className='loginBox_row'>
                    <Col span={8}/>
                    <Col span={2}>电子邮箱</Col>
                    <Col span={6}>
                        <Input/>
                    </Col>
                    <Col span={8}/>
                </Row>
                <Row className='loginBox_row'>
                    <Col span={8}/>
                    <Col span={2}>密码</Col>
                    <Col span={6}>
                        <Input/>
                    </Col>
                    <Col span={8}/>
                </Row>
                <Row className='loginBox_row'>
                    <Col span={8}/>
                    <Col span={3}/>
                    <Col className='btnSubmit' span={4} >
                        <Button className='btnBtn' type='primary' onClick={this.turn2Page.bind(this,"/")}>注册</Button>
                    </Col>
                    <Col span={1}/>
                    <Col span={8}/>
                </Row>
            </div>
        )
    }
}
export default regis ;